
/* 文档基础宽度 */
@docBaseWidth: 1200px;
/* 文档最小宽度 */
@docMinWidth: 1000px;

/* 文档底色 */
@baseColor: #f5f5f5;

/* part背景色 */
@partBackColor:#fff;

body{
    // min-width: @docMinWidth;
    min-width:@docBaseWidth;
}
/* 全圆角 */
.border-radius (@radius: 4px) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}
/* 禁止选择 */
.user-select(){
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/* 阴影 */
.box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) {
  -moz-box-shadow: @arguments;
  -webkit-box-shadow: @arguments;
  -ms-box-shadow: @arguments;
  -o-box-shadow: @arguments;
  box-shadow: @arguments;
}
/* 阴影2 */
.box-shadow-default(){
    -webkit-box-shadow: -1px 1px 1px 0 #e7e7e7, 1px 2px 1px 0 #e7e7e7, 0 3px 2px 0 #c8c8c8;
    -moz-box-shadow: -1px 1px 1px 0 #e7e7e7, 1px 2px 1px 0 #e7e7e7, 0 3px 2px 0 #c8c8c8;
    -o-shadow: -1px 1px 1px 0 #e7e7e7, 1px 2px 1px 0 #e7e7e7, 0 3px 2px 0 #c8c8c8;
    -ms-shadow: -1px 1px 1px 0 #e7e7e7, 1px 2px 1px 0 #e7e7e7, 0 3px 2px 0 #c8c8c8;
    box-shadow: -1px 1px 1px 0 #e7e7e7, 1px 2px 1px 0 #e7e7e7, 0 3px 2px 0 #c8c8c8;
}
/* 省略号 */
.text-overflow(){
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
/* part间距 */
.padding-distance(){
    padding:14px 14px 25px;
}

/* 标题 */
.section-title{
    font-weight: bold;
    span{
        display: inline-block; line-height: 74px;
        border-bottom: 6px solid #3671cf;
        font-size: 23px; color: #3671cf;
    }
    .sub-title{
        float: right;
        a{
            line-height: 80px;
            font-size: 13px;
            color: #333;
            &:hover{
                color: #3671cf;
            }
            &.current{
                color: #3671cf;
            }
            &.seperator:after{
                content: '|'; margin: 0 20px; color: #333; position:relative; top:-1px;
            }
        }
    }
}
/* tag */
.tag-nav{
    overflow:hidden;
    .tag-item{
        line-height: 24px; padding: 0 10px; color: #fff; background-color: #3671cf;
        float: left; font-size: 13px;
    }
    .more-item{
        float: right; line-height: 24px; font-size:14px;
        a{
            color: #3671cf;
        }
    }
}
/* 小圆点news-list */
.news-list {
    li {
        color: #7fcd60;
        a {
            display: block; line-height: 48px; color: #333333; font-size: 13px; .text-overflow;
            &:before{
                content: ''; display: inline-block; vertical-align: middle;
                background: url(../images/btn-point.png) no-repeat left center;
                width: 5px; height: 5px; margin-right: 6px;
            }
        }
    }
}
/* 计数器news-rank */
.news-rank{
    counter-reset: rank;
    li {
        color: #7fcd60;
        counter-increment: rank;
        a {
            display: block; line-height: 48px; color: #333333; font-size: 13px; .text-overflow;
            &:before{
                display: inline-block; vertical-align: middle;
                content: counter(rank);
                // content: attr(data-rank);
                text-align:center;
                width: 20px; height: 20px; line-height:20px; margin-right: 6px; background-color:#b2b2b2; color:#fff;
            }
        }
        &:nth-of-type(1) a:before{background-color:#ea5246;}
        &:nth-of-type(2) a:before{background-color:#f56313;}
        &:nth-of-type(3) a:before{background-color:#f1bc55;}
    }
}
/* 带详情newsInfo-list */
.newsInfo-list {
    .padding-distance;
    li {
        border-bottom: 1px dashed #3671cf;
        .news-title {
            display: block; color: #333333; font-size: 20px; line-height: 48px; .text-overflow;
        }
        .newsInfo-subTitle {
            margin-top:5px; color: #999999; line-height:24px; font-size: 12px;
        }
        .newsInfo-timeLine {
            color: #999999; line-height:24px; font-size: 12px; text-align: right;
        }
    }
    .newsInfo-center {
        display:block; padding: 15px;
        &:hover{
            border-color: #7fcd60; box-shadow: 0 0 5px 0 #7fcd60;
        }
    }
}
/* 带图片的news-list */
.newsPic-list{
    .padding-distance;
    li {
        border-bottom: 1px dashed @baseColor;
        .newsInfo-center {
            display:block; padding: 15px; overflow:hidden;
            &:hover{
                    border-color: #7fcd60; box-shadow: 0 0 5px 0 #7fcd60;
            }
            .newsInfo-pic{
                width: 180px; height: 130px; float:left;
                img{
                    width:100%; height:100%; vertical-align:middle;
                }
            }
            .newsInfo-details{
                padding-left: 200px;
                .news-title {
                    display: block; color: #333333; font-size: 20px; line-height: 48px; .text-overflow;
                }
                .newsInfo-subTitle {
                    margin-top:5px; color: #999999; line-height:24px; font-size: 12px;
                }
                .newsInfo-timeLine {
                    color: #999999; line-height:24px; font-size: 12px; text-align: right;
                }
            }
        }
    }
}

/* scroll */
.scroll{
    overflow: hidden; height: 420px; background-color: #f5f5f5; visibility: hidden;
    position: relative;
    .user-select;
    min-width: @docMinWidth;
    .scroll-img-list{
        overflow: hidden;
        li{
            float: left;
            a, a img{
                display: block; height: 420px;
            }
            a img{
                background-color: #2c6ca6;
            }
        }
    }
    .scroll-btn-list {
        overflow: hidden; position: absolute; bottom: 19px; left: 0;
        width: 100%; text-align: center;
        li {
            display: inline-block; font-size:0;
            margin-right: 15px;
            cursor: pointer;
            &.scroll-point-current{
                
            }
        }
    }
    .scroll-btn {
        cursor: pointer;
        position: absolute; top: 50%; margin-top: -60px;
        display: none; opacity: 0;
        &.icon-img-pre {
            left: 50px;
        }
        &.icon-img-next {
            right: 50px;
        }
    }
}

/* miniScroll */
.mini-scroll{
    width: 415px; height: 313px; overflow: hidden;
    position: relative;
    ul{
        overflow: hidden;
        li{
            float: left; position: relative;
            a, a img{
                display: block; width: 415px; height: 313px;
            }
            a{
                float: left; position: relative;
                span{
                    display: inline-block; width: 350px; line-height: 40px; padding: 0 60px 0 5px; color: #fff;
                    position: absolute; z-index: 1; bottom: 0; left: 0;
                    .text-overflow;
                }
            }
            i{
                background-color: #000; opacity: .3; filter: ~"alpha(opacity = 30)";
                width: 100%; height: 40px;
                position: absolute; bottom: 0; left: 0;
            }
        }
    }
    .point-btn{
        position: absolute; bottom: 15px; right: 0; z-index: 2;
        span{
            display: block; float: left;
            margin-right: 10px; cursor: pointer;
        }
    }
}

/* 视频列表（垂直） */
.video-list{
    width:190px;
    li{
        margin-bottom: 10px; border: 1px solid #fff; position:relative;
        a, a>img {
            display: block;
        }
        a {
            border: 1px solid #bebab7; position: relative;
            img {
                width: 186px; height: 100px;
            }
            span {
                display:none;
                position: absolute; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px;
                z-index: 1;
            }
            i {
                width: 100%; height: 100%; background-color: #000; display:none;
                opacity: .3; filter: ~"alpha(opacity = 30)";
                position: absolute; top: 0; left: 0;
            }
            &:hover{
                span, i{
                    display:block;
                }
            }
        }
        .video-infor-wrap {
            display: none; width: 186px; background-color: #fff; padding-top: 10px;
            position: absolute; left: 0; z-index: 1;
            .video-title{
                color: #333333; font-size: 14px; .text-overflow; display:block; padding:0 5px;
            }
            .video-infor{
                line-height: 25px; height: 50px; overflow: hidden; color: #666666; font-size: 12px; display:block; padding:0 5px;
            }
        }
        &:hover{
            border: none;
            a{
                border-color: #8ece74; border-width: 2px;
            }
            .video-infor-wrap {
                display: block; border: 2px solid; border-color: #8ece74;
            }
        }
    }
}

/* 页码 */
.pagination{
    overflow: auto;zoom: 1; text-align: center;cursor: default;width: 100%;
    display:none; padding:0; margin:0;
    li, li .page-item, .btn-pre, .btn-next{
        display: inline-block;font-size: 16px; vertical-align: middle; padding:5px 15px;color: #666;
        .border-radius;
    }
    li .page-item, .btn-pre, .btn-next{
        background: #ddd; cursor:pointer;
    }
    li{ display:inline-block; *zoom:1;*display:inline;}
    li .page-item{margin: 0 3px;}
    li .page-item:hover, .pagination .btn-pre:hover, .pagination .btn-next:hover{
        background: #3071a9;color: #fff;
    }
    li .page-more{
        display: inline-block;font-size: 14px; line-height: 25px;vertical-align: middle;
        padding:0 10px;color: #666;font-weight: bold;margin: 0 3px;
    }
    li .page-more:hover{color: #666;}
    li .page-item.page-current{background:#428bca;color: #fff;}
    li .page-item.page-current:hover{
        background: #3071a9;
    }
    .pages-go{background:#428bca;color: #fff; cursor: pointer;}
    .pages-go:hover{background: #3071a9;}
    .total-pages .pages-num{color: #428bca;font-weight: bold; margin:0 6px;}
    .pages-value input{
        display: inline-block; width: 40px; line-height: 25px; height: 25px;
        vertical-align: middle; margin: 0 10px; text-align: center;
    }
    .pages-value input[type="text"] {
        padding:0;-webkit-appearance: none;border:1px solid #666;
        outline: none;outline-offset:0;
    }
    .pages-value input[type="text"]:focus {border-color:#428bca;}
    .pages-value input[type="text"]:hover {*border-color:#428bca;}
}

// form 表单
.form-control{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}